@if($agent->pid == 0)
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
            <meta content="telephone=no" name="format-detection" />
            <title>发展代理名片</title>
            <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
        </head>
        <style type="text/css">
            .top{
                width: 100%;
                background: url(/imgs/top_back.png) no-repeat;
                height: 60px;
                overflow: hidden;
            }
            .con{
                background: url(/imgs/fazhan_tg_back.png) no-repeat;
                background-size: contain;
                background-position: center;
                position: relative;
            }
            .portrait{
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin: 10px;
                float: left;
            }
            .detail{
                margin-left: 70px;
                height: 48px;
                line-height: 24px;
                margin-top: 8px;
                color: #753315;
            }
            .name{
                font-size: 1.1rem;
            }
            .slogan{
                font-size: 0.9rem;
            }
            .bottom{
                position: absolute;
                bottom: 4%;
                width: 100%;
                text-align: center;
            }
            .qrcode{
                width: 100px;
                height: 100px;
                vertical-align: middle;
            }
            .text{
                width: 50%;
                vertical-align: middle;
            }
            
        </style>
        <body>
            <img style="width:100%" src="{{$url}}">
        <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>

        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            wx.config(<?php echo $js->config(array('onMenuShareAppMessage'), false); ?>);
            wx.ready(function(){
                wx.onMenuShareAppMessage({
                    title: "{{$title}}", // 分享标题
                    desc: "{{$agent->realname}}邀请您加入乐游棋牌!", // 分享描述
                    link: "{{$link_url}}", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: '', // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });
            wx.error(function(res){

            });
        </script>
        </body>
    </html>
@else
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
            <meta content="telephone=no" name="format-detection" />
            <title>发展玩家名片</title>
            <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
        </head>
        <style type="text/css">
            .top{
                width: 100%;
                background: url(/imgs/top_back.png) no-repeat;
                height: 80px;
                overflow: hidden;
            }
            .con{
                background: url({{$url}}) no-repeat;
                background-size: contain;
                background-position: center;
                position: relative;
                height:100vh;
                background-color:#7203C2;
            }
            .portrait{
                width: 60px;
                height: 60px;
                border-radius: 50%;
                margin: 10px;
                float: left;
            }
            .detail{
                margin-left: 70px;
                height: 60px;
                line-height: 30px;
                margin-top: 10px;
                color: #753315;
            }
            .name{
                font-size: 1.1rem;
            }
            .slogan{
                font-size: 0.9rem;
            }
            .bottom{
                position: absolute;
                bottom: 5px;
                left: 5%;
                width: 90%;
                overflow: hidden;
            }
            .bottom-left{
                width: 50%;
                text-align: center;
                float: left;
            }
            .bottom-right{
                width: 50%;
                float: right;
                text-align: center;
            }
            .bottom-right img{
                margin-top: 20px;
                width: 100%;
            }
            .qrcode{
                width: 100px;
                height: 100px;
            }
            .txt{
                text-align: center;
                font-size: 0.9rem;
                color: #753315;
                margin: 5px 0;
            }
            .tgbh{
                width: 50%;
                margin: 5px 0 5px;
            }
            .bianhao{
                font-size: 26px;
                color: #B53916;
                font-weight: bold;
            }
            
        </style>
        <body>
            <img style="width:100%" src="{{$url}}">
        <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            wx.config(<?php echo $js->config(array('onMenuShareAppMessage', 'onMenuShareTimeline'), false) ?>);
            wx.ready(function(){
                wx.onMenuShareTimeline({
                    title: '{{$agent->realname}}邀请您加入乐游手游！', // 分享标题
                    link: 'http://user.leyougame.cc/mobile/wx_share?aid={{$agent->id}}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://user.leyougame.cc/imgs/back_qyq.png', // 分享图标
                    success: function () {
                    // 用户点击了分享后执行的回调函数
                    },
                });

                wx.onMenuShareAppMessage({
                    title: '{{$agent->realname}}邀请您加入乐游手游！', // 分享标题
                    desc: '乐游在手，欢乐无忧!', // 分享描述
                    link: 'http://user.leyougame.cc/mobile/wx_share?aid={{$agent->id}}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://user.leyougame.cc/imgs/back_qyq.png', // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });
            wx.error(function(res){

            });

        </script>
        </body>
    </html>
@endif
